<template>
    <div class="header">
      <i class="iconfont icon-fanhui head-left" @click="goBack"></i>
        <router-link to="/ctiy" class="head-input">输入城城市/景点、旅游区</router-link>
        <div class="head-right">{{$store.state.city}}<i class="iconfont icon-xiala"></i></div>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        },
      methods:{
        goBack(){
          this.$router.go(-1)
        }
      }
    }
</script>

<style lang="stylus" ref="stylesheet/stylus" scoped>
   .header
     height: 43px
     line-height: 43px
     background:#00bcd4
     color: #fff
     width:100%
     display:flex
     .head-left
       width:35px;
       text-align:center
       display:block
       float:left
       font-size: 20px;
     .head-input
      flex 1;
      height:32px;
      background-color:#fff;
      border-radius:5px;
      margin-top :6px;
      margin-left:4px
      line-height: 32px
      color:#ccc
      font-size:14px;
      text-align:center
     .head-right
      width:90px;
      float:right;
      text-align:center

</style>
